<!-- @format -->

<template>
  <div class="my-product">
    <h3>标题: 超好吃的口水鸡</h3>
    <p>价格: 50元</p>
    <p>{{ info }}</p>
  </div>
</template>

<script>
  // 父传子的口诀(步骤)：2步
  // 1. 子组件通过props选项来接收自己需要的数据（子接)
  // 2. 父组件内，子组件的标签上，通过自定义属性传值(父传)
  export default {
    name: 'MyProduct',
    props: ['info']
  }
</script>

<style></style>
